$(function(){
	//获得对象
	var contanier = $('.banner_big');
	var imgBox = $('#imgBox');
	var buttons =$('#imgNum a');
	var prev =$('#prev');
	var next = $('#next');
	
	//图片宽度
	var imgWidth = 810;
	
	//下标索引
	var index = 0;
	//左键头
	prev.click(function(){
		//判断是否在动画运动中
		if(imgBox.is(':animated'))
			return;					
		index --;	
		if(index<0)
			index = 3;
		//调用运动函数
		animate(imgWidth);
		
	});
	//右键头
	next.click(function(){
		//判断是否在动画运动中
		if(imgBox.is(':animated'))
			return;			
		index++;	
		if(index>3)
			index=0;
		//调用运动函数
		animate(-imgWidth);
	});
	
	//切换按钮单击
	buttons.click(function(){
		//判断是否在动画运动中
		if(imgBox.is(':animated'))
			return;	
		//获得当前单击按钮的下标	
		var buttonIndex = $(this).index();
		
		//计算偏移量
		var offset = imgWidth*(index-buttonIndex) ;
		
		//设置当前下标
		index = buttonIndex;
		
		//调用运动函数
		animate(offset);
	});
	
	//运动函数
	function animate(offset){
		
		imgBox.animate({ left: '+='+ offset},1000,function(){
			var left = parseInt(imgBox.css('left'));
			
			if(left==0){
				imgBox.css('left',-3240);
			}
			if(left==-4050){
				imgBox.css('left',-810);
			}
		});
		
		active();//调用高亮函数
		
	}
	
	//高亮
	function active(){
		//去掉所有高亮
		buttons.removeClass('active');
		//当前下标按钮加高亮
		buttons.eq(index).addClass('active');
	}
	//自动播放
	function autoPlay(){
		next.click();
	}
	
	//自动播放间隔2s,点击右箭头
	var timerId=setInterval(autoPlay,2000);
	
	//鼠标移上
	contanier.mouseenter(function(){
		clearInterval(timerId);
	});
	//鼠标离开容器
	contanier.mouseleave(function(){
		timerId=setInterval(autoPlay,2000);
	});
	
});